<!DOCTYPE html>
<html>
	<head>
	   	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" charset="UTF-8"/>	
	   	<title>报名5</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/apply.css"/>
	</head>
	<body>
		<!--雪花-->
		<div id="leafContainer"></div>
		<!--上传中-->
		<div class="uploadbg" id="uploadbg">
			<div class="runline" id="runline">
				<p>正在上传图片...</p>
				<span></span><span></span><span></span><span></span>
			</div>
		</div>
		<!--banner-->
		<div class="bannerbox">
			<img src="img/banner.png"/>
			 <br style="clear:both;">
		</div>
		
		<div class="linearbg">
			<!--倒计时-->
			<div class="countdown" id="countdown">
				<img src="img/countdown.png"/>
				<p id="timeTxt">距离活动结束还有:<!--
						--><span class="t_d"></span><!--
						--><span class="t_h"></span><!--
						--><span class="t_m"></span><!--
						--><span class="t_s"></span><!--
				--></p>
			</div>
			<!--列表盒子：切换新人列表与排行-->
			<div class="listbox" id="listbox">
				<!--报名信息-->
				<div class="applybox">
					<h3></h3>
					<div class="applyInfo">
						<p>昵称 <input type="tel" placeholder="昵称(最多不超过6个字)" id="name" onblur="a(this)"/></p>
						<p class="apply-userTel">联系方式<input type="tel" placeholder="请输入电话号码"/><span>联系方式不会外泄，仅作中奖通知</span></p>
						<div class="uploadimg">
							<span>
								<img id="ImgPr" src="img/apply-img.png">
								<input type="file" id="file" name="file" onchange="showImg1(this);"/>
							</span>
							<span>
								<img id="ImgPr2" src="img/apply-img-user1.png">
								<input type="file" id="file2" name="file" onchange="showImg2(this);"/>
							</span>
							<span>
								<img id="ImgPr3" src="img/apply-img-user1.png">
								<input type="file" id="file3" name="file" onchange="showImg3(this);"/>
							</span>
						</div>
						<p class="postalTit">个人介绍<span><textarea class="postal" cols="3" rows="10" placeholder="个人简介&拉票宣言" id="introduce" maxlength="36" ></textarea></span></p>
						<p class="submitbox"><a href="my.html">提交报名</a></p>
					</div>
				</div>
				
			</div><!--列表盒子-->
			
			<!--参赛者展示标题-->
			<div class="titlebox">
				<img id="titlebg" src="img/titlebg.png"/>
				<img id="titlebg2" src="img/titlebg.png"/>
				<span id="titlebtn">活动奖励</span>
			</div>
			<div class="activePrize">
				<!--<h3></h3>-->
				<div class="prize">
					<div style="margin-left: 8px;">
						<h3></h3>
						<img src="img/prize.png"/>
						<p class="title1">Kindle Oasis</p>
						<p>￥2399</p>
					</div>
					<div>
						<h3 class="secondPrize"></h3>
						<img src="img/prize2.png"/>
						<p class="title2">Kindle Paperwhite</p>
						<p style="margin-top: -8px;">￥958</p>
					</div>
					<div style="margin-right: 8px;">
						<h3 class="threePrize"></h3>
						<img src="img/prize3.png"/>
						<p class="title1">Kindle </p>
						<p>￥558</p>
					</div>
				</div>
			</div>
			<div class="activePrize">
				<!--<h3></h3>-->
				<div class="prize">
					<div style="margin-left: 8px;">
						<h3 class="fourPrize"></h3>
						<img class="fourimg" src="img/prize4.png"/>
						<!--<p class="title1"></p>-->
						<p class="fourdetail">获得200票即可免费领取笔稿共读实体书</p>
					</div>
				</div>
			</div>
		</div><!--linearbg-->
		<div class="navbar">
			<a href="index.html" class="home">首页</a>
			<a href="javascript:;" class="apply-on">报名</a>
			<a href="collar.html" class="vote">投票领书</a>
		</div>
	</body>
	<script src="js/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/apply.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/snow.js" type="text/javascript" charset="utf-8"></script>	
	<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
</html>
